@font-face {
    font-family: 'Cascadia Code';
    src: url('./onelight/fonts/CascadiaCode.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '喵字果汁体';
    src: url('./onelight/fonts/MiaoZi-GuoZhiTi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --select-text-font-color: inherit !important;
    --bg-color: #f2f2f2;
    --code-bg-color: #282c34;
    --text-color: #333;
    --primary-btn-text-color: #fff;
    --window-border: 1px solid #eee;
    --active-file-bg-color: #eee;
    --active-file-text-color: inherit;
    --active-file-border-color: var(--main-red);
    --side-bar-bg-color: var(--bg-color);
    --item-hover-bg-color: hsla(0, 0%, 90%, .59);
    --item-hover-text-color: var(--main-red);
    --monospace: monospace;
    --select-text-bg-color: #3b3e4d;
    /* 主题色 */
    --main-blue: #166ff3;
    --main-red: #ff6b6b;
    --main-green: #2ed573;
    --main-purple: #c94ae9;
    --main-yellow: #f9b03d;
    --light-color: #b2b2b2;
    --code--bg-color: #282c34;
    --code--bg-color-light: #3d404e;
    /* 字体 */
    --main-font-family: "Cascadia Code", "喵字果汁体", consolas, "微软雅黑", "PingFang SC", "Microsoft YaHei", sans-serif;
    /* 悬浮 */
    --item-bg-color-red: #f4433638;
    --item-bg-color-blue: #42a5f542;
    /* 阴影 */
    --box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
    --transition: box-shadow 0.3s ease, transform 0.3s ease;
    --bg-transition: background-color 0.5s ease;
    /* 左到右透明渐变 */
    --gradient-color: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    /* github警告框 */
    --tip-color: #1f883d;
    --tip-border: solid 0.5px #1f883d94;
    --tip-bg-color: #f0f9eb;
    --note-color: #0969da;
    --note-border: solid 0.5px #0969da94;
    --warning-color: #faad14;
    --warning-border: solid 0.5px #faad1494;
    --caution-color: #cf222e;
    --caution-border: solid 0.5px #cf222e94;
    --important-color: #8250df;
    --important-border: solid 0.5px #8250df94;
    /* 放大倍数 */
    --radius-small: 5px;
    --radius-large: 10px;
    --radius-xlarge: 15px;
    /* 云母 */
    --mica-bg: rgba(255, 255, 255, 0.65);
    --mica-blur: blur(12px) saturate(1.3);
    --mica-border: 1px solid rgba(255, 255, 255, 0.15);
    --mica-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    --mica-transition: background-color 0.5s ease, box-shadow 0.5s ease;
}


body {
    font-family: var(--main-font-family)
}

::-moz-selection {
    color: #fff
}

::-webkit-selection {
    background: #b981d1;
    color: #fff
}

#write {
    letter-spacing: 0;
    text-align: left
}

/* 段落 */
#write,
#write p {
    font-size: 16px
}

#write p {
    padding: 5px;
    line-height: 26px;
    margin: 0;
    margin-bottom: 3px;
    margin-top: 3px;
}

/* 仅在p标签不包含图片时应用悬停效果 */
#write p:not(:has(.md-image)):hover {
    box-shadow: var(--box-shadow);
    border-radius: var(--radius-large);
    background: white;
}

#write p[align="center"]:hover {
    width: inherit;
}

/* todo-复选框 */
#write input[type=checkbox] {
    height: 1.25rem;
    width: 1.25rem;
    left: -3px;
    margin-right: 5px;
    margin-top: calc(1em - 6px);
}

/* 标题 */
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 {
    color: #000;
    font-weight: 700;
    margin: .72em 0;
    padding: 0
}

#write h2:hover:before {
    bottom: .2rem;
    content: "H2"
}

#write h3:hover:before {
    bottom: .2rem;
    content: "H3"
}

#write h4:hover:before {
    bottom: .2rem;
    content: "H4"
}

#write h5:hover:before {
    bottom: .2rem;
    content: "H5"
}

#write h6:hover:before {
    bottom: .2rem;
    content: "H6"
}

#write h2:hover:before,
#write h3:hover:before,
#write h4:hover:before,
#write h5:hover:before,
#write h6:hover:before {
    line-height: 25px;
    padding: 0 1px 0 1px;
    bottom: 0;
    color: #42a5f5ed;
    font-size: .9rem;
    font-variant: "small-caps";
    position: absolute;
    right: calc(100% + 3px);
}

#write h2 {
    font-size: 1.7rem;
    margin: 1em 0
}

#write h2 span {
    color: var(--main-blue);
    font-weight: 700;
}

#write h3 {
    font-size: 1.5rem
}

#write h4 {
    font-size: 1.25rem
}

#write h5,
#write h6 {
    font-size: 1rem
}


/*列表 */
#write ol,
#write ul {
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 40px
}

#write ul {
    list-style-type: disclosure-closed
}

#write ul ul {
    list-style-type: square
}

#write ol {
    list-style-type: decimal
}

#write li section {
    font-size: 15px
}


/*粗体*/
#write strong {
    color: #136ef7;
    font-weight: 700
}


/* 引用块 */
#write blockquote {
    background: var(--gradient-color);
    border-bottom-right-radius: 10px;
    border-left: 5px solid var(--main-blue);
    border-top-right-radius: 10px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
    color: #606060;
    font-size: .9em;
    margin-bottom: 16px;
    margin-top: 16px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 10px 20px;
    transition: var(--bg-transition)
}

#write blockquote:hover {
    transition: var(--bg-transition);
    background: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
}

#write blockquote p {
    line-height: 26px
}

/* 链接 */
a>span.md-plain,
a.md-url,
a {
    margin: 3px;
    color: var(--main-purple);
    font-weight: 700;
    text-decoration: underline;
}

/* 目录项 */
a.md-toc-inner {
    color: var(--main-purple);
}

#write p.md-toc-content:hover {
    width: inherit;
}

#write code {
    background-color: #ebebeb;
    color: #eb4c37;
    font-family: var(--main-font-family);
    font-size: 14px
}

#write li code,
#write p code,
#write span code {
    border-radius: 4px;
    margin: 0 2px;
    padding: 2px 4px;
    word-break: break-all;
    word-wrap: break-word
}

/* 图片 */
#write img {
    border: 0;
    border-radius: var(--radius-small);

    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    transition: var(--transition);
    width: auto
}

#write img:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
}

/* 表格 */
#write table tr {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #ccc
}

/* 交替颜色 */
#write table tr:nth-child(2n) {
    background-color: #f3f3f3
}

#write table tr td,
#write table tr th {
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 10px;
    text-align: left
}

#write table tr th {
    background-color: #42a5f53d;
    color: var(--main-blue);
    font-weight: 700
}

/* 脚注 */
.md-def-name {
    padding-right: 3ch;
}

.md-footnote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.md-fences,
code {
    border-radius: var(--radius-small);

    margin-left: .2em;
    margin-right: .2em;
    padding: .1em
}

.md-fences {
    background-color: var(--code-bg-color);
    box-shadow: 0 4px 10px gray;
    color: #ececec;
    margin: 0 0 20px;
    padding: .4em 1em .3em;
    transition: var(--transition)
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid #26ed91;
    z-index: 5
}

.cm-s-inner div.CodeMirror-selected {
    background: rgba(113, 124, 180, .2)
}

.cm-s-inner .cm-keyword {
    color: var(--main-purple)
}

.cm-s-inner .cm-operator {
    color: #89ddff
}

.cm-s-inner .cm-variable-2 {
    color: #eff
}

.cm-s-inner .cm-type,
.cm-s-inner .cm-variable-3 {
    color: #ea6717
}

.cm-s-inner .cm-builtin {
    color: #ffcb6b
}

.cm-s-inner .cm-atom {
    color: #f78c6c
}

.cm-s-inner .cm-number {
    color: #ff5370
}

.cm-s-inner .cm-def {
    color: #ff8c00
}

.cm-s-inner .cm-string {
    color: #00ad47
}

.cm-s-inner .cm-string-2 {
    color: #f07178
}

.cm-s-inner .cm-comment {
    color: #cdcdcd;
}

.cm-s-inner .cm-variable {
    color: #42a5f5
}

.cm-s-inner .cm-meta {
    color: var(--main-red)
}

.cm-s-inner .cm-attribute {
    color: #e26fff;
}

.cm-s-inner .cm-property,
.cm-s-inner .cm-qualifier {
    color: var(--main-red)
}

.cm-s-inner .cm-error {
    border: solid 0.25px #e9405c;
    color: #fff;
}

pre[lang=flow],
pre[lang=mermaid],
pre[lang=sequence] {
    background: #fff;
    color: #333
}

/* 高亮 */
mark {
    margin-right: 2px;
    margin-left: 2px;
    border-radius: var(--radius-large);

    padding: 2px 5px 2px 5px;
    border: 1.5px solid;
    background: transparent;
    color: var(--main-red);
}

/* 删除线 */
del {
    color: grey;
}

/* 代码块 */
#write pre {
    background: var(--code-bg-color);
    font-family: var(--main-font-family)
}


/* 代码块选中 */
.CodeMirror-selected,
.CodeMirror-selectedtext {
    color: white !important;
    background: #3266D0 !important;
}


.md-fences-adv-panel,
.md-math-container,
.md-mathjax-preview {
    font-family: fantasy
}

.searchpanel-search-option-btn.active {
    animation: colorChange 1s infinite;
    color: var(--main-blue)
}

span#filesearch-case-option-btn:active {
    color: var(--main-blue)
}

.md-inline-math-container mjx-container {
    zoom: 1
}

.md-expand.md-img-loaded>.md-meta>span,
.md-image>.md-meta {
    color: var(--main-blue);
    font-family: var(--main-font-family)
}

.outline-item-active {
    background: var(--item-bg-color-blue);
    border-left: 28px solid transparent;
    margin-left: -28px;
    margin-right: -28px
}

.pin-outline #outline-content .outline-active strong,
.pin-outline .outline-active {
    color: var(--main-blue);
    font-weight: 700
}

.active-tab-files #info-panel-tab-file .info-panel-tab-border,
.active-tab-outline #info-panel-tab-outline .info-panel-tab-border {
    background-color: var(--main-blue)
}

.ion-close-round:before {
    color: var(--main-red)
}

#md-searchpanel .btn label {
    color: var(--main-blue);
    font-weight: 700
}

#write .md-footnote {
    margin-right: 2px;
    margin-left: 2px;
    line-height: 1;
    background: white;
    color: var(--main-red);
    font-weight: 700;
}

#write h1 {
    font-size: 50px;
    text-align: center
}

#write .ol .li,
#write .ul .li,
#write ol li,
#write ul li {
    list-style-type: none;
    margin-bottom: 7px;
    margin-top: 7px
}

/* 无序列表前小圆点 */
#write .ul>.li:not(.tab):not(.task-list-item):before,
#write ul>li:not(.tab):not(.task-list-item):before {
    border-radius: .31em;
    content: "";
    height: .62em;
    line-height: .42em;
    margin-left: -22px;
    margin-top: 15px;
    width: .62em
}



#write .ol .li:before,
#write .ul .li:before,
#write ol li:before,
#write ul li:before {
    background: var(--main-blue);
    position: absolute;
}

#write .ol .li:first-child,
#write ol li:first-child {
    counter-reset: li
}

#write .ol .li:hover:before,
#write .ul .li:hover:before,
#write ol li:hover:before,
#write ul li:hover:before {
    transform: rotate(1turn)
}

#write .ul>.li:not(.tab):hover:before,
#write ul>li:not(.tab):hover:before {
    background-color: var(--main-red);
    border-color: transparent;
}

#write .ol>.li:before,
#write ol>li:before {
    border-radius: .825em;
    color: #fff;
    content: counter(li);
    counter-increment: li;
    font-size: .65em;
    height: 1.65em;
    line-height: 1.7em;
    margin-left: -25px;
    margin-top: 12px;
    text-align: center;
    width: 1.65em
}

#write .ol .li input,
#write .ul .li input,
#write ol li input,
#write ul li input {
    margin-bottom: 0;
    margin-top: 0
}

/* 表格 */
table tr:hover {
    background-color: #65666841
}

.md-fences:not(.md-focus) .CodeMirror-code>:hover {
    background-color: var(--code--bg-color-light)
}

hr {
    background-color: transparent;
    border-top: 2px dashed var(--main-blue);
    height: 2px
}

kbd {
    font-family: var(--main-font-family);
    font-weight: 700
}

/* 目录 */
p.md-toc-content {
    padding-left: 10px !important;
    margin-left: 20px !important;
    background: var(--gradient-color);
    border-radius: var(--radius-large);
    box-shadow: var(--box-shadow);
}

p.md-toc-content:hover {
    transition: var(--bg-transition);
    background: #fff;
}

/* 底部状态栏*/
#footer-word-count:hover,
.ty-show-spell-check #footer-spell-check,
.ty-show-word-count #footer-word-count {
    background: #eee;
    color: var(--main-blue);
}

.footer-item:hover,
.sidebar-footer-item:hover {
    color: var(--main-blue);
}

/* 显示/隐藏侧边栏 */
#outline-btn:hover {
    color: var(--main-blue)
}


#write>pre.md-meta-block.md-end-block {
    background: #fff;
    border-radius: var(--radius-large);

    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    padding: 10px;
    transition: var(--transition)
}

#write>pre.md-meta-block.md-end-block:hover {
    box-shadow: var(--box-shadow);
}

.info-panel-tab-title:hover,
.outline-label:hover {
    color: var(--main-blue)
}

.ty-show-search #info-panel-tab-search .info-panel-tab-border {
    background-color: var(--main-blue)
}

.md-notification-content {
    background: #ff00001a
}

.md-task-list-item.task-list-done span {
    color: #999;
    text-decoration: line-through
}

/* 左侧文件树 */
.file-library-node.file-tree-node.file-library-file-node.active,
.file-node-content:hover {
    color: var(--main-blue)
}

.file-library-node:not(.file-node-root):focus>.file-node-content {
    outline: unset;
}

.file-node-content {
    cursor: pointer;
}

.md-rawblock-after,
.md-rawblock-before,
code,
pre,
samp,
tt {
    font-family: var(--main-font-family)
}

.fa-folder:before,
.md-image-btn:before {
    color: var(--main-yellow) !important;
}

.md-image-btn:before {
    font-family: var(--main-font-family)
}

.md-image-btn,
.modal-content {
    background: #fff
}

.modal-content,
video {
    border-radius: var(--radius-large);
}

video {
    box-shadow: 11px 10px 12px rgba(0, 0, 0, .5)
}


/* github警告框 */
.md-alert {
    border-left: 5px solid var(--main-blue);
    background: var(--gradient-color);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    transition: var(--bg-transition);
}

/* 悬浮样式 */
.md-alert:hover {
    transition: var(--bg-transition);
    backdrop-filter: unset;
    background: #fff !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
}

/* 引用块、警告框下 段落悬浮样式重置 */
blockquote p.md-end-block.md-p,
.md-alert p:hover {
    background: transparent !important;
    box-shadow: unset !important;
}

/* 提示 */
.md-alert.md-alert-tip {
    border-bottom: var(--tip-border);
    border-right: var(--tip-border);
    border-top: var(--tip-border);
    border-left-color: var(--tip-color);
}

div.md-alert.md-alert-tip * span[md-inline="plain"].md-plain {
    color: var(--tip-color);
}

.md-alert-tip li.md-list-item::before,
.md-alert-tip ul li::before,
.md-alert-tip ol li::before {
    background: var(--tip-color) !important;
}


/* 批注 */
.md-alert.md-alert-note {
    border-bottom: var(--note-border);
    border-right: var(--note-border);
    border-top: var(--note-border);
    border-left-color: var(--note-color);
}

div.md-alert.md-alert-note * span[md-inline="plain"].md-plain {
    color: var(--note-color);
}

.md-alert-note li.md-list-item::before,
.md-alert-note ul li::before,
.md-alert-note ol li::before {
    background: var(--note-color) !important;
}

/* 重要 */
.md-alert.md-alert-important {
    border-bottom: var(--important-border);
    border-right: var(--important-border);
    border-top: var(--important-border);
    border-left-color: var(--important-color);
}

div.md-alert.md-alert-important * span[md-inline="plain"].md-plain {
    color: var(--important-color);
}

.md-alert-important li.md-list-item::before,
.md-alert-important ul li::before,
.md-alert-important ol li::before {
    background: var(--important-color) !important;
}

/* 注意 */
.md-alert.md-alert-caution {
    border-bottom: var(--caution-border);
    border-right: var(--caution-border);
    border-top: var(--caution-border);
    border-left-color: var(--caution-color);
}

div.md-alert.md-alert-caution * span[md-inline="plain"].md-plain {
    color: var(--caution-color);
}

.md-alert-caution li.md-list-item::before,
.md-alert-caution ul li::before,
.md-alert-caution ol li::before {
    background: var(--caution-color) !important;
}

/* 警告 */
.md-alert.md-alert-warning {
    border-bottom: var(--warning-border);
    border-right: var(--warning-border);
    border-top: var(--warning-border);
    border-left-color: var(--warning-color);
}

div.md-alert.md-alert-warning * span[md-inline="plain"].md-plain {
    color: var(--warning-color);
}

.md-alert-warning li.md-list-item::before,
.md-alert-warning ul li::before,
.md-alert-warning ol li::before {
    background: var(--warning-color) !important;
}

.md-alert-text-warning {
    color: var(--warning-color);
}

/* 脚注编辑视图 */
.md-blockmeta {
    font-style: normal;
    color: gray;
}

figure.md-table-fig.table-figure {
    border-radius: var(--radius-small);

    box-shadow: var(--box-shadow);
    transition: var(--transition)
}

figure.md-table-fig.table-figure:hover {
    box-shadow: var(--box-shadow);
}

.ty-on-outline-filter .ty-outline-hit {
    background: #ff0;
    color: red;
    font-weight: 700
}

#file-library-search-input,
#md-searchpanel input {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3);
    border-radius: var(--radius-small);
    box-shadow: unset
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: var(--main-blue)
}

.form-control:focus {
    border-color: #c2c2c2;
    outline: 0
}

.code-tooltip .ty-input:focus,
input:focus {
    border-color: unset;
    box-shadow: unset
}

/* 脚注链接 */
.code-tooltip-content a {
    color: rgb(145 205 255);
}

::-moz-selection {
    background: #42a5f554
}

::selection {
    background: #42a5f554
}

.megamenu-menu-list li a.active,
.megamenu-menu-list:not(.saved) li a:hover {
    background-color: var(--item-hover-bg-color);
    color: var(--main-blue)
}

.megamenu-menu {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--bg-color);
    color: #000
}

.typora-node.pin-outline #md-searchpanel,
.typora-node.pin-outline .md-notification-container {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .3)
}



.menu-item-container a.menu-style-btn {
    background: transparent
}

.ty-menu-shortcut {
    font-family: var(--main-font-family);
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff
}

.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
    color: var(--main-blue)
}

.outline-item:hover {
    background: var(--item-bg-color-red);
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    margin-left: -28px;
    margin-right: -28px
}

.file-library-node.file-tree-node.file-library-file-node:hover {
    background: var(--item-bg-color-blue)
}

/* 右键菜单悬浮 */
.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
    cursor: pointer;
    border-radius: 10px;
    background: var(--item-bg-color-blue);
    color: var(--main-blue)
}

.context-menu {
    padding-bottom: 0;
}

script,
text {
    font-family: var(--main-font-family)
}

/* 高亮标签 */
span[alt=highlight] {
    margin-right: 2px;
    margin-left: 2px;
    border-radius: var(--radius-large);
    padding: 2px 5px 2px 5px;
    background: #ff0;
    color: red;
    box-shadow: var(--box-shadow);
}

/* 搜索高亮 */
.cm-search-hit.CodeMirror-selectedtext,
.md-search-hit.md-search-select,
.md-search-select {
    padding: 2px 5px 2px 5px;
    border-radius: var(--radius-large);
    background: #ff0;
    color: red;
    box-shadow: var(--box-shadow);
}

.md-search-hit {
    background: #ff0;
    box-shadow: var(--box-shadow);
}


/* 主界面背景图片 */
content {
    background-color: transparent;
    background-image: url('./onelight/img/bg.gif');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 200px auto;
    transition: background-image .5s ease-in-out, background-size .5s ease-in-out
}


/* 一体化菜单界面背景图片 */
div#megamenu-section-open {
    background-color: transparent;
    background-image: url('./onelight/img/bg4.gif');
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100px auto;
    transition: background-image .5s ease-in-out, background-size .5s ease-in-out;
}

.megamenu-opened header {
    background-image: unset;
}

::-moz-selection {
    background: var(--item-bg-color-blue)
}

.in-text-selection,
::selection {
    background: var(--item-bg-color-blue)
}

.CodeMirror-gutters {
    border-right: unset
}

.megamenu-menu-header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #2e2e2e;
    border-bottom: unset;
    height: 90px;
    position: relative;
    text-align: center
}

.ion-android-arrow-back:before {
    content: "<-";
    font-family: cascadia code, fira code, var(--main-font-family)
}

a#megamenu-back-btn:hover {
    color: var(--main-blue)
}

#megamenu-back-btn {
    border: 0;
    font-size: 25px
}

footer.ty-footer {
    border-top: 0
}

pre.md-fences-advanced.md-focus .md-fences-adv-panel {
    border: 0
}

#typora-source .CodeMirror-lines {
    background: #fff;
    border-radius: var(--radius-large);
    max-width: 90%
}

#typora-source .CodeMirror-lines,
.CodeMirror-wrap .CodeMirror-code pre {
    font-family: var(--main-font-family)
}

.cm-s-typora-default .cm-code,
.cm-s-typora-default .cm-comment {
    color: green;
    font-family: var(--main-font-family)
}

.cm-s-inner .cm-tag {
    color: #dd69f4;
}

.cm-s-typora-default .cm-overlay {
    font-family: var(--main-font-family)
}

.cm-s-typora-default .CodeMirror-activeline-background {
    background: hsla(0, 0%, 60%, .2);
    left: -60px;
    right: -30px
}

.cm-s-typora-default .cm-atom,
.cm-s-typora-default .cm-number {
    color: var(--main-blue)
}

#typora-source .CodeMirror-activeline .CodeMirror-linenumber,
#typora-source .CodeMirror-linenumber.CodeMirror-linenumber-show {
    color: var(--main-blue);
    font-family: var(--main-font-family)
}

.md-html-inline .md-meta,
.md-ruby .md-meta {
    font-family: var(--main-font-family)
}


.cm-s-typora-default .cm-tag {
    color: #ff7800
}

.cm-s-typora-default .cm-link {
    color: #cd00dc;
    font-style: italic;
    text-decoration: underline
}



/* 一体化模式的侧边菜单 */
ul#megamenu-menu-list {
    height: 100%;
    background: transparent;
}

/* 一体化模式最近打开文件列表 */
.megamenu-menu-panel table {
    font-weight: unset;
}

/* mermaid */
.md-diagram-panel.md-fences-adv-panel:hover {
    backdrop-filter: blur(50px);
}

pre.md-fences.md-end-block.md-fences-with-lineno.md-diagram.md-fences-advanced.ty-contain-cm {
    background: transparent !important;
}

/* 代码框右下角的语言类型显示 */
pre.md-fences.md-end-block.md-fences-with-lineno.ty-contain-cm.modeLoaded::after {
    content: attr(lang);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #e0e0e0;
    padding: 2px 5px;
    border-radius: 3px;
    z-index: 100;
}


/* 代码块下span文本 */
pre.CodeMirror-line>span {
    color: var(--light-color);
}

.md-rawblock-tooltip-name {
    color: var(--main-blue);
}

/* 代码块语言类型框 */
.code-tooltip .ty-input,
.code-tooltip input {
    min-width: auto;
}


/* 左侧文档列表 */
.file-list-item.active {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #efefef;
    background: var(--item-bg-color-blue);
    color: var(--active-file-text-color);
}

.file-list-item:hover {
    color: var(--main-blue);
    background: #42a5f514;
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar:hover {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .1);
    width: 10px
}

/* 一体化-返回按钮 */
span.megamenu-menu-header-title-back[data-localize=Back]:hover {
    color: var(--main-blue);
}

/* 一体化-主题预览卡片 */
.theme-preview-div {
    cursor: pointer;
}

/* 图片悬浮样式 */
img:hover {
    background: white;
}


/* 快速打开搜索框 */
#typora-quick-open {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#typora-quick-open-input input:focus {
    border-radius: var(--radius-small);
}

.typora-quick-open-item:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .1);
    border-radius: var(--radius-large);
    cursor: pointer;
    color: var(--main-blue);
    background: white;
}

/* 快速打开搜索框高亮结果 */
.typora-quick-open-item-title>b {
    border-radius: var(--radius-small);
    padding: 2px;
    color: red;
    background: yellow;
}

/* 右键菜单 */
.dropdown-menu,
.menu-item-container a.menu-style-btn {
    border-radius: var(--radius-xlarge);
    background-color: var(--mica-bg) !important;
    backdrop-filter: var(--mica-blur);
    -webkit-backdrop-filter: var(--mica-blur);
    border: var(--mica-border);
    box-shadow: var(--box-shadow);
    transition: var(--mica-transition);
}

/* 大纲参考线 */
.outline-h1::after,
.outline-h2::after,
.outline-h3::after,
.outline-h4::after,
.outline-h5::after,
.outline-h6::after {
    content: "";
    height: calc(100% - 25px);
    width: 1.5px;
    background: #a5a5a5;
    position: absolute;
    left: 6.5px;
    top: 25px;
}

li.outline-item-wrapper.outline-h2.outline-item-open::after {
    left: 20px;
}

li.outline-item-wrapper.outline-h3.outline-item-open::after {
    left: 34px;
}

li.outline-item-wrapper.outline-h4.outline-item-open::after {
    left: 48.5px;
}

li.outline-item-wrapper.outline-h5.outline-item-open::after {
    left: 62.5px;
}

/* 折叠箭头 */
.outline-item-open>.outline-item>.outline-expander:before {
    color: grey;
}